﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    {include file="public/header"/}
    <link rel="stylesheet" type="text/css" href="/static/cms/css/skin.css" />
</head>

<body style="">
    {include file="public/channel"/}
    <!-- 轮播图 -->
    <script src="/static/cms/js/jquery.superslide.2.1.1.js"></script>
    <div class="mtgf_banner column" id="mtgf_banner" name="banner" runat="server">
        <div class="portlet">
            <div>
                <div id="slideBox" class="slideBox" opentype="page">
                    <div class="bds">
                        <ul>    
                            {volist name="$fragments.3" id="v"}
                            <li> <a href="{$v.valuex}"><img src="{$v.thumb}" border="0" /></a> </li>
                            {/volist}
                        </ul>
                    </div>
                    <div class="hd">
                        <ul></ul>
                    </div>
                    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                </div>
                <script type="text/javascript">
                jQuery("#slideBox").slide({ titCell: ".hd ul", mainCell: ".bds ul", autoPlay: true, effect: "leftLoop", interTime: 5000, delayTime: 1000, autoPage: true });
                jQuery(".fullSlide").slide({ titCell: ".hd", mainCell: ".bd", effect: "fold", autoPlay: true, autoPage: true, trigger: "mouseover", interTime: 5000, delayTime: 1000 });
                </script>
            </div>
        </div>
    </div>
    <!-- 滚动公告-->
    <div class="mtgf_gg column" id="mtgf_gg" name="通知公告" runat="server">
        <div class="portlet">
            <div>
                <div class="txtScroll-left clearfix" opentype="page">
                    <div class="txtScroll-content">
                        <p class="tgLogo lt">公示公告：</p>
                        <div class="bd lt">
                            <ul class="infoList clearfix">
                                {volist name="notice" id="v"}
                                <li> <a href="/html/news/detail/id/{$v.id}.html" onclick="void(0)" target="_blank" title="{$v.title}" istitle="true">{$v.title|mb_substr=###,0,16,'utf-8'}...</a> <span class="dates">{$v.createtime|date="Y-m-d",###}</span> </li>
                                {/volist}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="maotai_content">
        <div class="maotai_content_nr">
            <div class="mtgf_xwgg">
                <div class="bti">
                    <div class="bti_content">
                        <a href="/html/news/index/id/12.html">新闻资讯</a>
                    </div>
                </div>
                <!-- 左边滚动新闻 -->
                <div class="mtgf_xwlb column" id="mtgf_xwlb" name="新闻动态" runat="server">
                    <div class="portlet">
                        <div>
                            <div class="newsBox" opentype="page">
                                <div class="HB">
                                    <ul class="autoPlay clearfix">
                                        {volist name="$fragments.11" id="v"}
                                        <li>
                                            <p class="Image"><a href="javascript:;">
                                                <video src="{$v.thumb}" controls="controls" loop="loop" width="100%" height="100%">
                                                您的浏览器不支持 video 标签。
                                                </video>
                                                <!--<img src="{$v.annexes}" border="0" /></a>-->
                                            </p>
                                            <p class="Title"><a href="javascript:;" onclick="void(0)" title="{$v.title}" istitle="true">{$v.name|mb_substr=###,0,16,'utf-8'}...</a></p>
                                        </li>
                                        {/volist}
                                    </ul>
                                </div>
                                <div class="PLAYbtn">
                                    <ul></ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 右边列表新闻 -->
                <div class="mtgf_xwdt column" id="mtgf_xwdt" name="通知公告" runat="server">
                    <div class="portlet">
                        <div>
                            <div class="mt_xw_nr" opentype="page">
                                <ul class="mt_xw">
                                    {volist name="news" id="v"}
                                    <li><i></i><a href="/html/news/detail/id/{$v.id}.html" onclick="void(0)" title="{$v.title}" istitle="true">【{$v.cname}】{$v.title|mb_substr=###,0,30,'utf-8'}...</a><span>{$v.createtime|date="Y-m-d",###}</span></li>
                                    {/volist}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 专题广告 -->
            <div class="mtgf_zt column" id="mtgf_zt" name="专题" runat="server">
                <div class="portlet">
                    <div>
                        <div class="div_img" opentype="page">
                            <a class="showZT" href="{$fragments.1.5.valuex}" target="_blank"><img src="{$fragments.1.5.thumb}" border="0" /></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 产品中心 -->
            <div class="bgc_c">
                <div class="bti">
                    <div class="bti_content">
                        <a href="/html/product/index/id/10.html">产品中心</a>
                    </div>
                </div>
                <div class="mtgf_cpzx column" id="mtgf_cpzx" name="产品中心" runat="server">
                    <div class="portlet" id="fb6eb37a459d4c8cbf3d1177c12ab842" pagemoduleid="18edc5d577bb4d06aa08f564f1e4db51">
                        
                        <div>
                            <ul class="kjTab clearfix">
                                {volist name="procate" id="v"}
                                <li style="width: 50%;text-align: center;" getCid="{$v.id}"><a href="javascript:void(0)">{$v.name}</a></li>
                                {/volist}
                            </ul>
                        </div>
                    </div>
                    <div class="portlet" id="" pagemoduleid="">                        
                        <div>
                            <div class="kjfw clearfix kjbox" style="display:block;" opentype="page">
                                <!-- <div class="kjfw-L lt"></div> -->
                                <div class="kjfw-C lt">
                                    <div class="kjfw-ul">
                                        {volist name="product" id="v"}
                                        <div class="holder notactive">
                                            <span class="kjfw-ul_img">
                                                <img src="{$v.thumb}" border="0" />
                                                <!--{if condition="$v.mark neq false"}-->
                                                <!--<i class="is_top">{$v.mark}</i>-->
                                                <!--{/if}-->
                                            </span>
                                            <span class="kjfw-morekjfw-more"><a href="/html/product/detail/id/{$v.id}.html" target="_blank">详情</a></span>
                                            <span class="kjfw_tit"><a href="/html/product/detail/id/{$v.id}.html" onclick="void(0)" target="_blank" title="{$v.name}" istitle="true">{$v.name}</a></span>
                                            <div class="textnr">
                                                <span class="kjfw_titt"><a href="/html/product/detail/id/{$v.id}.html" onclick="void(0)" target="_blank" title="{$v.name}" istitle="true">{$v.name}</a></span>
                                                <span class="kjfw_ext123">{$v.cname} | {$v.flavor} | {$v.vol}vol | {$v.netwt}ml</span>
                                                <span class="kjfw_ext4">{$v.mark}</span>
                                            </div>
                                        </div>
                                        {/volist}
                                    </div>
                                </div>
                                <!-- <div class="kjfw-R lt"></div> -->
                            </div>
                        </div>
                    </div>    
                </div>
            </div>
            <div class="bti">
                <div class="bti_content">
                    <a href="/html/partner/index/id/18.html">经销商</a>
                </div>
            </div>
            <div class="mtgf_fw column" id="mtgf_fw" name="经销商" runat="server">
                <div class="portlet">
                    <div>
                        <link rel="stylesheet" href="/static/cms/prolist/css/index.css">
                        <div class="kjfw1 clearfix kjbox1" style="display:block;" opentype="page">
                            <div class="app">
                                {volist name="partner" id="v"}
                                <div class="box" style="padding: 10px;">
                                    <a href="/html/partner/index/id/18">
                                        <div class="imgBox" style="height: 220px;width: auto;text-align: center;">
                                            <img src="{$v.thumb}" alt="" style="height: 100%;width: auto;">
                                        </div>
                                        <h2 class="title" style="text-align: center;">{$v.name}</h2>
                                        <span class="detail">{$v.summary}  </span>
                                    </a>
                                </div>
                                {/volist}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bgc_c">
                <div class="bti">
                    <div class="bti_content">
                        <a href="/html/article/index/id/17.html">招商政策</a>
                    </div>
                </div>
                <div class="mtgf_yw column" id="mtgf_yw" name="招商政策" runat="server">
                    <div class="portlet">
                        <div>
                            <ul class="xinwenListBox" opentype="page">
                                {volist name="zszc" id="v"}
                                <li class="clearfix">
                                    <div class="rightt">
                                        <div class="biaoti">
                                            <a href="html/article/detail/id/{$v.id}.html">{$v.title}</a>
                                        </div>
                                        <div class="summaryy">
                                            {$v.summary|mb_substr=###,0,50,'utf-8'}...
                                        </div>
                                    </div>
                                    <div class="bottomm">
                                        <a href="html/article/detail/id/{$v.id}.html">查看详细 </a>
                                    </div>
                                </li>
                                {/volist}
                            </ul>
                            <script type="text/javascript">
                            //<![CDATA[
                            jQuery(function() {
                                for (t = 0; t < jQuery(".xinwenListBox > li").length; t++) {
                                    var dateText = jQuery(".xinwenListBox > li").eq(t).find(".yearAndMonth").text();
                                    jQuery(".xinwenListBox > li").eq(t).find(".yearAndMonth").html(dateText.split("-")[0]);
                                    jQuery(".xinwenListBox > li").eq(t).find(".ri").html(dateText.split("-")[1] + '/' + dateText.split("-")[2]);
                                }
                            })
                            //]]>
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {include file="public/footer"/}
        <script>
        function Out(val) {
            document.getElementById("FORM").action = val;
            document.getElementById("FORM").submit();
        }
        </script>
        <!--      <script type="text/javascript">
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1279165154'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/z_stat.php%3Fid%3D1279165154%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
        </script>
        <style>
            #cnzz_stat_icon_1279165154{display:none;}
        </style> -->
        <script type="text/javascript">
        //通知公告
        jQuery(".newsBox").slide({ titCell: ".PLAYbtn ul", mainCell: ".HB ul", effect: "fold", autoPlay: true, interTime: 10000, autoPage: true });
        jQuery(".txtScroll-left").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "leftLoop", autoPlay: true, scroll: 2, vis: 2, trigger: "click" });

        $('.xinwenListBox li').each(function(index, item) {
            $(item).attr('id', 'id_' + index);
        });
        $('.fwzxa_list li').each(function(index, item) {
            $(item).attr('id', 'boder' + index);
        });
        </script>
    </div>
    <script>
    $(".kjTab li").eq(0).attr("class","on");
    $(".kjTab").on("click","li",function(){
        $(this).addClass("on").siblings().removeClass("on");
        var cid=$(this).attr("getCid");
        $.post("/html/index/getPrut",{cid:cid},function(result){
            $(".kjfw-ul").html(result);
        });
    })
    </script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.holder').hover(function() {
            $(this).find(".kjfw-ul_img").stop(true, true).animate({ "margin-top": "-50px" });
            $(this).find(".kjfw_tit").css({ "border-color": "transparent" });
            $(this).find(".textnr").stop(true, true).animate({ "bottom": "0" });
            $(this).find(".kjfw-morekjfw-more").stop(true, true).animate({ "margin-top": "20px" });
        }, function() {
            $(this).find(".kjfw-ul_img").stop(true, true).animate({ "margin-top": "0" });
            $(this).find(".kjfw_tit").css({ "border-color": "#710304" });
            $(this).find(".textnr").stop(true, true).animate({ "bottom": "-200px" });
            $(this).find(".kjfw-morekjfw-more").stop(true, true).animate({ "margin-top": "220px" });
        });
    });
    </script>
    <script type="text/javascript">
    jQuery(".kjfw").slide({ mainCell: ".kjfw-ul", effect: "leftLoop", vis: 5, autoPlay: false, prevCell: ".kjfw-L", nextCell: ".kjfw-R" });
    </script>
</body>

</html>